<template>
	<view class="container">
		<view>{{deviceName}}</view>
		<view><image :src="imageUrl" mode="aspectFill"></image></view>
		是否连接该设备
		<view class="buttons">
			<button>连接</button>
			<button>取消</button>
		</view>
	</view>
</template>


<script>
	export default {
		data() {
			return {
				deviceName:"血压器",
				imageUrl:"../../static/images/blood_presure_device.png"
			}
		}
	}
</script>


<style>
	.container {
		display: flex;
		flex-direction: column;
		justify-items: center;
		justify-content: center;
	}
	
	.buttons {
		display: flex;
		flex-direction: row;
	}

</style>

